
export function useCommon() {
  const loginWindow = useState("loginWindow",() => false);
  const navSpread = useState("navSpread",() => true);
  const navDrawer = useState("navDrawer",() => false);

  const navList = ref<object[]>([]);

  function setLoginWindow() {
    loginWindow.value = !loginWindow.value
  }

  function setNavSpread() {
    navSpread.value = !navSpread.value
  }

  function setNavDrawer() {
    navDrawer.value = !navDrawer.value
  }

  function setNavList(value: object[]) {
    navList.value = value
  }

  return {
    loginWindow,
    navSpread,
    navList,
    navDrawer,
    setLoginWindow,
    setNavDrawer,
    setNavList,
    setNavSpread
  }
}
